<template>
  <div class="app-container">

    <h4>基本信息</h4>

    <table
      class="table table-striped table-condenseda table-bordered"
      width="100%"
    >

      <tbody>

        <tr>

          <th width="15%">医院名称</th>

          <td width="35%">
            <b style="font-size: 14px">{{ hospital.hosname }}</b
            >|{{ hospital.param.hostypeString }}
          </td>

          <th width="15%">医院logo</th>

          <td width="35%">
            <img
              :src="'data:image/jpeg;base64,' + hospital.logoData"
              width="80"
            />

          </td>

        </tr>

        <tr>

          <th>医院编码</th>

          <td>{{ hospital.hoscode }}</td>

          <th>地址</th>

          <td>{{ hospital.param.fullAddress }}</td>

        </tr>

        <tr>

          <th>坐车路线</th>

          <td colspan="3">{{ hospital.route }}</td>

        </tr>

        <tr>

          <th>医院简介</th>

          <td colspan="3">{{ hospital.intro }}</td>

        </tr>

      </tbody>

    </table>


    <h4>预约规则信息</h4>

    <table
      class="table table-striped table-condenseda table-bordered"
      width="100%"
    >

      <tbody>

        <tr>

          <th width="15%">预约周期</th>

          <td width="35%">{{ bookingRule.cycle }}天</td>

          <th width="15%">放号时间</th>

          <td width="35%">{{ bookingRule.releaseTime }}</td>

        </tr>

        <tr>

          <th>停挂时间</th>

          <td>{{ bookingRule.stopTime }}</td>

          <th>退号时间</th>

          <td>
            {{ bookingRule.quitDay == -1 ? "就诊前一工作日" : "就诊当日"
            }}{{ bookingRule.quitTime }}前取消
          </td>

        </tr>

        <tr>

          <th>预约规则</th>

          <td colspan="3">

            <ol>
              <li v-for="item in bookingRule.rule" :key="item">{{ item }}</li>
            </ol>
          </td>

        </tr>
        <br />
        <el-row>
          <el-button @click="back">返回</el-button>
          </el-row>

      </tbody>

    </table>
  </div>
</template>
<script>
//引入接口定义的js文件
import hospital from "@/api/hospital";
export default {
  data() {
    return {
      //医院基本信息
      hospital: {},
      //医院预约信息
      bookingRule: {}
    };
  },
   created() {
     //获取医院id
    const id = this.$route.params.id;
    this.showHospital(id);
  },
   methods: {
     //显示医院详细信息
    showHospital(id) {
      hospital.showHospital(id).then((response) => {
          this.hospital=response.data;
          this.bookingRule=response.data.bookingRule;
      });
    },
    back(){
      this.$router.push({path:'/hospSet/hospital/list'})
    }
  },
}
</script>
